<template>
    <div class="box">
        <div class="item" style="width:44%;">
            <div class="left">
                <div class="img">
                    <router-link to="/detail/1">
                        <img src="../follow/ask.png"/>
                    </router-link>
                </div>
                <div class="text">
                    <h3>
                    快速提问
                    <span>付费</span>
                    </h3>
                    <p>等待用户回答</p>
                </div>
            </div>
        </div>
         <div class="item">
            <div class="left right">
                <div class="img">
                     <img src="../follow/ask_choose.png"/>
                </div>
                <div class="text">
                    <h3>
                        专家解答
                        <span>免费</span>
                    </h3>
                    <p>快速得到平台精准答案</p>
                </div>
            </div>
        </div>
    </div>
</template> 
<script>
    export default {
        data(){

        },
        methods:{
            detail(){
              
            }
        }
    }
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
    @import "~common/stylus/variable"
    .box
      display:flex
      justify-content: space-between
      justify-content: center
      align-items: center
      margin-bottom:10px
      box-sizing:border-box
      padding:4px
      background:#fff
     .item
       height:50px
       line-height:50px
       background: #fff
       .left
         text-align: left
       .left .img,.left .text
         display: inline-block
         vertical-align: middle
       .left .img
         width:30px
         height:30px
         margin-left:5px
        .left .img img
            width:100%
            height:100%
       .left .text
         font-size:$font-size-medium-x
         margin-left:10px
       .left .text h3
           font-size:$font-size-medium
           color:$color-text-fllow
       .left .text h3 span
            display:inline-block
            background:$color-background-search
            color:#fff
            border-radius:5px
            width:24px
            height:13px
            line-height:13px
            text-align:center
            font-size:8px
            margin-left:2px;
       .right
            border-left:1px solid #ccc
.right:before{
    content:'';
    margin-right:2px;
    box-sizing:border-box;
}                     
p{
    font-size:12px;
    line-height:20px;
}
</style>